layui.use(['element', 'form', 'table', 'layer'], function () {
    var layer = layui.layer;
    var $ = layui.$;
    var table = layui.table;
    var form = layui.form;
    var formSelects = layui.formSelects;


    //添加提交
    form.on('submit(addsubmit)', function(data){
        var formData=$('#addform').serialize();
        $.post("insertBroker",formData,function(msg){
            if(msg>0){
                table.reload('userTable');
                layer.closeAll();
                layer.msg('添加成功!',{
                    title : '提示',
                    area : [ '200px',
                        '140px' ],
                    time : 0,
                    btn : [ '知道了!' ]
                });
            }else{
                layer.closeAll();
                layer.msg('添加失败!',{
                    title : '提示',
                    area : [ '200px',
                        '140px' ],
                    time : 0,
                    btn : [ '知道了!' ]
                });
            }
        });
        return false;
    });


    //修改提交
    form.on('submit(editsubmit)', function(data){

        var formData=$('#editform').serialize();
        // alert(formData)
        $.post("updateBroker",formData,function(msg){
            if(msg>0){
                table.reload('userTable');
                layer.closeAll();
                layer.msg('修改成功!',{
                    title : '提示',
                    area : [ '200px',
                        '140px' ],
                    time : 0,
                    btn : [ '知道了!' ]
                });
            }else{
                layer.closeAll();
                layer.msg('修改失败!',{
                    title : '提示',
                    area : [ '200px',
                        '140px' ],
                    time : 0,
                    btn : [ '知道了!' ]
                });
            }
        });
        return false;
    });


    //表格渲染
    table.render({
        elem: '#userTable',
        url: 'selectBroker',
        page: true,
        toolbar: '#userToolBar',//显示在表头的工具条
        cellMinWidth: 100, //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        height:'full-180',
        autoSort:true,
        limit: 5,//默认进去每页显示5条
        limits: [5, 10, 15, 20],//自己设置下拉列表5, 10, 15, 20,行
        cols: [
            [ //表头
                {type: 'checkbox', fixed: 'left'}
                ,{field: 'brokerId', title: '券商编号', align:'center',sort:true}
                ,{field: 'brokerName', title: '券商名称', align:'center'}
                ,{field: 'brokerInstructions', title: '券商说明', align:'center'}
                ,{field: 'brokerDesc', title: '券商备注', align:'center'}
                ,{fixed: 'right',title: 'operation', title: '操作' , toolbar:'#barDemo', align:'center'}
            ]
        ]
    });


    //给工具条的按钮添加事件
    table.on('toolbar(userTable)',function (obj) {
        //获取选中复选框的对象，
        var checkStatus=table.checkStatus(obj.config.id);//得到表格选中行的ID
        switch (obj.event) {
            case 'add':
                var index=layer.open({
                    type: 1,
                    title: '添加券商信息',
                    closeBtn: 1,
                    move:false,
                    content:$("#addContent"),
                    area: ['380px', '480px'],//宽度、高度
                    btn:[],
                    end: function (){
                        $("#addform")[0].reset()
                    }
                });
                form.render();
                //全屏
                //layer.full(index);
                break;

            //搜索按钮的条件查询
            case 'search':
                var brokerName= $("#brokerName").val();
                //表格的重新加载事件
                table.reload('userTable', {
                    method: 'post'
                    , where: {
                        'brokerName': brokerName,
                    }
                    , page: {
                        curr: 1
                    }
                });
                $("#brokerName").val(brokerName);
                break;

            //批量删除
            case 'deleteAll':
                //获取复选框选中要批量删除的对象
                var data=obj.data;//获取当前行数据
                // var layEvent=obj.event;//获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
                // var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
                var data1 = checkStatus.data;
                if(data1.length==0){
                    layer.msg("请至少选择一条数据!",)
                }else {
                    //定义选取对象id的数组
                    var idArr="";
                    for (var i = 0; i <data1.length; i++) {
                        idArr+=data1[i].brokerId;
                        if(i<data1.length-1){
                            idArr+=","
                        }
                    }
                    //这里是多选删除的
                    layer.confirm('真的删除行么!',{icon:2}, function(index){
                        //是否确定删除 是就删 取消就不删
                        layer.closeAll();
                        $.ajax({
                            type:"post",
                            url:"deleteBroker",//跟删除的是一个方法
                            data:{brokerId:idArr},
                            success:function (msg){
                                //刷新表格
                                table.reload("mytable")//mytable 是表格的ID
                                location.reload();//刷新,第二种刷新方式，比如第四页只有一条数据，你把它删除了，它就会显示无数据，我们要显示的是前面三页数据，所以就再拿location.leload();再刷新一次
                            }
                        })
                    })
                }
                break;
        }
    });


    //给表格编辑，删除按钮添加点击事件
    table.on('tool(userTable)', function(obj) {
        var data = obj.data;//得到删除行整行的数据
        if (obj.event === 'del') {
            layer.confirm('真的删除行么!',{icon: 2}, function(index){
                layer.close(index);
                $.post("deleteBroker", {brokerId:data.brokerId+""},function(msg){
                    table.reload('userTable');
                });

            });
        } else if (obj.event === 'edit') {
            form.val('editform',$.parseJSON(JSON.stringify(data)));
            var index = layer.open({
                type: 1,
                title: '修改券商信息',
                closeBtn: 1,
                move:false,
                area: ['380px', '480px'],//宽度、高度
                content:$('#editContent')
            });
            form.render();
            //layer.full(index);
        };
    })
});


//取消按钮点击事件
function myclose() {
    layer.closeAll();
}




